<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="">
<head>
	<base href="<%=basePath%>">
	<meta charset="utf-8">
	<title>Retina Dashboard</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="" />
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
	<link rel="stylesheet" href="resource/css/style.css" media="all" />
	<!--[if IE]><link rel="stylesheet" href="resource/css/ie.css" media="all" /><![endif]-->
</head>
<body>
<div class="testing">
<header class="main">
	<h1><strong>Retina</strong> Dashboard</h1>
	<input type="text" value="search" />
</header>
<section class="user">
	<div class="profile-img">
		<p><img src="resource/images/uiface2.png" alt="" height="40" width="40" /> Welcome back ${current.name }</p>
	</div>
	<div class="buttons">
		<button class="ico-font">&#9206;</button>
		<span class="button dropdown">
			<a href="#">Notifications <span class="pip">4</span></a>
			<ul class="notice">
				<li>
					<hgroup>
						<h1>You have a new task</h1>
						<h2>Report web statistics week by week.</h2> 
					</hgroup>
					<p><span>14:24</span></p>
				</li>
				<li>
					<hgroup>
						<h1>New comment</h1>
						<h2>Comment on <em>About page</em> by Darren.</h2> 
					</hgroup>
					<p><span>11:04</span></p>
				</li>
				<li>
					<hgroup>
						<h1>Broken link</h1>
						<h2>We've spotted a broken link on the <em>Blog page</em>.</h2> 
					</hgroup>
					<p><span>10:46</span></p>
				</li>
				<li>
					<hgroup>
						<h1>User report</h1>
						<h2><em>Lee Grant</em> has been promoted to admin.</h2> 
					</hgroup>
					<p><span>09:57</span></p>
				</li>
			</ul>
		</span> 
		<span class="button dropdown">
			<a href="#">Inbox <span class="pip">6</span></a>
			<ul class="notice">
				<li>
					<hgroup>
						<h1>Hi, I need a favour</h1>
						<h2>John Doe</h2>
						<h3>Lorem ipsum dolor sit amet, consectetuer sed aidping putamus delo de sit felume...</h3>
					</hgroup>
					<p><span>11:24</span></p>
				</li>
				<li>
					<hgroup>
						<h1><span class="icon">&#59154;</span>Hi, I need a favour</h1>
						<h2>John Doe</h2>
						<h3>Lorem ipsum dolor sit amet, consectetuer sed aidping putamus delo de sit felume...</h3>
					</hgroup>
					<p><span>11:24</span></p>
				</li>
				<li>
					<hgroup>
						<h1><span class="icon">&#59154;</span>Hi, I need a favour</h1>
						<h2>John Doe</h2>
						<h3>Lorem ipsum dolor sit amet, consectetuer sed aidping putamus delo de sit felume...</h3>
					</hgroup>
					<p><span>11:24</span></p>
				</li>
			</ul>
		</span> 
		<span class="button">Live</span>
		 <span class="button">Help</span>
		 <span class="button blue"><a href="login.jsp">Logout</a></span>
	</div>
</section>
</div>
<div style="width:1366px; height:100%;">
<nav>
	<ul>
		----

		----
		<li>
			<c:forEach items="${powers }" var="p">
              	  	<c:if test="${!empty p.powers }">
	              	  <li class="sub-menu">
	                      <a style="height:50px;" href="javascript:;" >
	                      	 <span style="font-size:18px;">${p.name }</span> <span class="pip">12</span>
	                      </a>
	                      
	                      <ul class="submenu">
	                      		<c:forEach items="${p.powers }" var="cp">
	                          		<li><a target="mainFrame" href="${cp.powerValue }">${cp.name } </a></li>
	                      		</c:forEach>
	                      </ul>
	                  </li>
	                </c:if>
              	  </c:forEach>
		</li>
	</ul>
</nav>
<iframe name="mainFrame" style="margin:30px 30px;width: 78%;height: 100%;border: 0px;">iframe内容</iframe>
</div>
<!-- iframe -->
	
</iframe>
<script src="resource/js/jquery-1.6.1.min.js"></script>
<script src="resource/js/jquery.wysiwyg.js"></script>
<script src="resource/js/custom.js"></script>
<script src="resource/js/cycle.js"></script>
<script src="resource/js/jquery.checkbox.min.js"></script>
<!--<script src="resource/js/flot.js"></script>
<script src="resource/js/flot.resize.js"></script>
<script src="resource/js/flot-graphs.js"></script>
<script src="resource/js/flot-time.js"></script>
<script src="resource/js/cycle.js"></script>-->
<script src="resource/js/jquery.tablesorter.min.js"></script>
</body>
</html>